.header {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 3.75rem;
  color: #666;
  background-color: @bg-color;
  box-shadow: 0 5px 8px 0 rgb(204 204 204 / 40%);

  .left {
    display: flex;
    align-items: center;
    margin-left: 1.875rem;

    img {
      display: inline;
      margin-right: 1.25rem;
    }

    span {
      font-size: 1.25rem;
      color: #000;
      font-weight: bold;
    }
  }

  .center {
    flex: 1;
    height: 100%;
  }

  .right {
    margin-right: 1.875rem;
    font-size: 1rem;

    img {
      display: inline;
      margin-right: 0.875rem;
      width: 2.25rem;
      height: 2.25rem;
    }

    :deep(.anticon) {
      position: relative;
      bottom: 0.125rem;
      margin-left: 0.5rem;
    }

    .user-name {
      cursor: pointer;
    }
  }
}
